<template>
  <div>
    <el-dialog :title="title" :visible.sync="dialogVisible" width="1400px">
      <el-form class="demo-form-inline" inline="true">
        <el-form-item label="业务员名称" >
          <el-input v-model="data.name"/>
        </el-form-item>
        <el-form-item label="手机号码" label-width="90px">
          <el-input v-model="data.phone" />
        </el-form-item>
        <el-form-item label="所属级别" label-width="90px">
        <el-select placeholder="请选择">
          <el-option label="--" value="shanghai"></el-option>
          <el-option label="全国" value="beijing"></el-option>
          <el-option label="省级主管" value="shanghai"></el-option>
          <el-option label="市级主管" value="beijing"></el-option>
          <el-option label="业务员" value="shanghai"></el-option>
        </el-select>
      </el-form-item>

      <el-form-item label="业务员类型" label-width="90px">
        <el-select placeholder="请选择">
          <el-option label="--" value="shanghai"></el-option>
          <el-option label="普通" value="beijing"></el-option>
          <el-option label="虚拟" value="shanghai"></el-option>
        </el-select>
      </el-form-item>

      <el-form-item label="收货(省)" label-width="90px">
        <el-select placeholder="请选择">
          <el-option label="北京市" value="shanghai"></el-option>
          <el-option label="天津市" value="beijing"></el-option>
          <el-option label="河北市" value="shanghai"></el-option>
          <el-option label="武汉市" value="shanghai"></el-option>
        </el-select>
      </el-form-item>

      <el-form-item label="收货(市)" label-width="90px">
        <el-select placeholder="请选择">
          <el-option label="--" value="shanghai"></el-option>
        </el-select>
      </el-form-item>

      <el-form-item label="收货(区)" label-width="90px">
        <el-select placeholder="请选择">
          <el-option label="--" value="shanghai"></el-option>
        </el-select>
      </el-form-item>

      <el-form-item label="收货(道)" label-width="90px">
        <el-select placeholder="请选择">
          <el-option label="--" value="shanghai"></el-option>
        </el-select>
      </el-form-item>

      </el-form>
      <el-table :data="list"  :visible.sync="dialogVisible" height="250" border style="width: 100%">
        <el-table-column prop="name" label="业务员姓名">
         <template slot-scope="scope">
          <span>{{scope.row.name}}</span>
        </template>
        </el-table-column>

        <el-table-column prop="loginName" label="手机号">
          <template slot-scope="scope">
          <span>{{scope.row.phone}}</span>
        </template>
        </el-table-column>

        <el-table-column prop="rolesName" label="级别">
         <template slot-scope="scope">
          <span>{{scope.row.levelStr}}</span>
        </template>
        </el-table-column>

         <el-table-column prop="rolesName" label="负责范围">
          
        </el-table-column>

         <el-table-column prop="rolesName" label="备注">
          
        </el-table-column>
      </el-table>

      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="submit()">提 交</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import apisalesman from "@/api/baseManager/salesman"
import { Row } from 'element-ui';
export default {
  name: "dialogChoiceSalesman",
  data() {
    return {
      title:"",
      dialogVisible: false,
      data: {
         list: [],
      listQuery: {
        currentPage: 1,
        showCount: 10,
        name: "",
        phone: "",
        level: "",
        salesmanType: "",
        isDelete: 0,
        shqyP: "",
        shqyC: "",
        shqyA: "",
        shqyS: ""

  },
      }
    };
  },
  created(){
    this.getList();
  },
  methods: {
    getList(){
      let data = apisalesman.getList()
      this.list = data.list 
    },
    open(row) {
     this.data = row
     this.dialogVisible = true
     this.title = "选择业务员--" + row.name
    },
    //提交
    submit(){
    }
  }
};
</script>

<style scoped>
</style>